@import "../../js/zTree_v3/css/zTreeStyle/zTreeStyle.css";
@import 'common/reset.scss';
@import 'common/paDialog.scss';
@import 'common/pagination.scss';
@import 'common/font-awesome-4.5.0/css/font-awesome.min.css';
@import 'icon.scss';

*{
  box-sizing: border-box;
}
html, body{
  height: 100%;
}
body {
  position: relative;
  min-width: 1250px;
  /*background: #46a1db;*/
  font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
  color: #6c6c6c;
  font-size: 14px;
}

.horizontal-tabs-outer{
  top: 22px;
}

.page{
  min-height: 100%;
  background: #f2f2f2;
  padding-bottom: 80px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  /* bottom: 0; */
}

.main{
  background: #f2f2f2;
  margin: 0 16px;
}

.tabs-main{
  position: relative;
/*  margin-left: 56px !important;
  margin-right: 56px;*/
}

.bid-tabs{
  position: absolute;
  top: -23px;
  left: 0;
  right: 0;
  cursor: pointer;
  .tab-item{
    &.active{
      background: #09F;
      color: #fff
    }
    display: inline-block;
    background: #fff;
    margin-right: 11px;
    padding: 0 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    .tab-item-txt{
      padding: 2px;
      line-height: 1.3;
    }
  }
}


/** 公共标题样式 */
.container-header{
  border-left: 3px solid #46b3db;
  height: 42px;
  line-height: 42px;
  padding-left: 12px;
  font-size: 16px;
  color: #666666;
}

/** 公共form container样式 */
.pa-form-content{
  overflow: hidden;
  padding: 2px 42px 22px 42px;
}

/** 表单控件container */
.pa-form-control{
  margin: 10px 18px;
  label{
    font-size: 14px;
    margin-right: 10px;
  }

  select{
    width: 100px;
  }
}

.pa-float-btn{
  float: right;
  height: 24px;
  background: #fd8c71;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  padding: 0 12px;
  border-radius: 3px;
  margin-left: 14px;
  cursor: pointer;
  &:hover{
    opacity: .8;
  }
}

.pa-btn{
  display: inline-block;
  height: 24px;
  background: #fd8c71;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  padding: 0 18px;
  border-radius: 3px;
  margin: 0 7px;
  cursor: pointer;
  &:hover{
    opacity: .8;
  }
}

.pa-item-btn{
  display: inline-block;
  height: 22px;
  padding: 0 14px;
  line-height: 22px;
  font-size: 12px;
  border-radius: 2px;
  background: #46a1db;
  color: #fff;
  text-align: center;
  margin-right: 12px;
  cursor: pointer;
}

.pa-item-btn.complete{
  background: #008000;
  padding-right: 10px;
  &:after{
  content: '\2714';
}
}

/** 公共table container */
.pa-table-container{
  padding: 12px 10px;
  margin-top: 12px;
  background: #fff;
}

/** pagination outer */
.pagination-outer{
  text-align: right;
}

input,select{
  width: 188px;
  height: 28px;
  padding: 5px 8px;
  font-size: 14px;
  /* line-height: 1.42857143; */
  color: #6c6c6c;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
input[type="radio"]{
  position: relative;
  padding: 0;
  border: 1px solid #b1b1b1;
  width: 15px;
  height: 15px;
  vertical-align: text-top;     
  background-color: #b8b8b8;
  border-radius: 50%;           
  &:active,&:checked{border-width:5px;background-color:#fe6f4d;};
      &:hover{box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);
    }
}
input[type="checkbox"]{
  position:relative;
  width:16px;
  height:16px;
  border: 1px solid #b1b1b1;
  padding:0;
  vertical-align: middle;
  &:active,&:checked{box-shadow:0 1px 2px rgba(0,0,0,0.1),inset 0px 1px 3px rgba(0,0,0,0.5);
  &:after{content:'\2714';
    position:absolute;
    top:-1px;
    left:-1px;
    width:100%;
    height:100%;
    background-color:#ff9e2b;
    color:#fff;
    text-align:center;
    font-size:10px;
    padding:1px;
    vertical-align:top;
    border-radius:3px;};
  }
}

textarea{
  width: 370px;
  height: 80px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 12px;
  color: #858585;
}

.pa-table{
  width: 100%;
  margin-bottom: 4px;
  table-layout: fixed;
  th{
    padding: 6px;
    vertical-align: middle;
    background: #fff;
    color: #4c4c4c;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    background: #f1f1f1;
    i{
      color: #82b9c6;
      font-size: 14px;
      margin-right: 3px;
    }
  }
  tbody{
    tr{
      td{
        padding: 6px;
        vertical-align: middle;
        text-align: center;
        height: 31px;
        color: #555555;
        font-size: 12px;
        font-weight: normal;
        background: #f1f1f1;
        border-top: 5px solid #fff;
      }
    }
    .check{cursor:pointer;}
  }
}

.reset-btn{
  background: #fda671;
}

.clear:after{
  display: table;
  content: '';
  clear: both;
}

.pointer:hover{
  cursor: pointer;
}

.shadowbox{
  box-shadow: 0 0 5px -1px #787878;
}

.attachment-icon{
  color: #a6cee7;
}

.ml5{
  margin-left: 5px;
}

.w45{
  width: 45%;
}

.w100{
  width: 100%;
}

.fl{
  float: left;
}

.v-middle{
  vertical-align: middle;
}

.none-border{
  border: none !important;
}

/* 查询统一样式 */
.query-info{
  padding-bottom: 10px;
  background-color: #fff;
  .pa-form-content{
    padding-bottom: 0;
  }
  .pa-form-control-inline{
    display: inline-block;
    .name{
      width: 100px;
      line-height: 28px;
      text-align: right;
    }
    .form-control-input{
      width: 120px;
    }
  }
  .pa-input-select{
    width:220px;
  }
}

/* 主页面统一按钮（新增、离场、打印二维码） */
.registration-code{
  margin: 10px;
}


/* 上传按钮 */
.wu-example{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  opacity: 0;
}
.webuploader-container{
  position: relative;
  input{
    opacity:0;
  }
}

#uploader-demo,#equipInfo-img,{
  .webuploader-container{
    // position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  input{
    opacity: 0;
  }
  .webuploader-pick{
    height: 100%;
    width: 100%;
  }
  .error{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background: red;
    color: white;
    text-align: center;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .success{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background: #35df23;
    color: white;
    text-align: center;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
  }  
  .retry{
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:grey;
    color:#fff;   
    font-size:23px;
    opacity:.5;
    .fa-repeat{
      position:absolute;
      left:49px;
      top:43px;
    }
  }
}

.img-uploader-outer{
  .error{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background: red;
    color: white;
    text-align: center;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .success{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background: #35df23;
    color: white;
    text-align: center;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
  }  
  .retry{
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:grey;
    color:#fff;   
    font-size:23px;
    opacity:.5;
    .fa-repeat{
      position:absolute;
      left:49px;
      top:43px;
    }
  }
}

/* 上传文件 */
.file{
  padding:10px 0;
  .upload-file-name{
    float:left;
    display:block;
    width:180px;
    white-space:nowrap;
    overflow:hidden; 
    text-overflow:ellipsis;
  }
  .file-del-btn{
    margin:10px 0;
  }
  .file-items{
    height:40px;
    line-height:40px;
  }
}

/* 进度条 */
.progress{
  position: relative;
  display: none;
  margin: 0 10px 0 0;
  width: 198px;
  border-radius: 4px;
  border: 1px solid #fd8c71;
  background: #fff;
  height: 18px; 
  line-height: 16px;
  text-align: center;
  color: #fd8c71;
  .text{
    position: relative;
    z-index: 10;
    font-size: 12px;
    color: #F5C9BE;
  }
  .rate{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;    
    background: #fd8c71;   
  }  
}

/* 状态 */
/* 已完成 */
$complete:#48c887;
/* 进行中 */
$on-going:#E5B90C; 
/* 未开始 */
$no-start:#BCB3B3;
/* 待整改 */
$after-rectify: #fe6161;

.nostart{
  color:$no-start!important;
}
.ongoing{
  color:$on-going!important;
}
.after-rectify{
  color:$after-rectify!important;
}
.has-complete{
  color:$complete!important;
}

/* 必填b */
b{
  margin: 0 3px;
  color: #fd8c71;
  font-family: SimSun;
}
/* 必填 */
.mandatory{
  position: absolute;
  margin-left: 6px;
  line-height: 28px;
  color: #fd8c71;
  font-size: 12px;  
}
/* 必填（除了人员）*/
.error-tip{
  position: absolute;
  margin-left: 5px;
  line-height: 28px;
  color: #fd8c71;
  font-size: 12px;  
}

.archive-id-error-tip{
  margin-left: 7px;
  color: #fd8c71;
  font-size: 12px;
  line-height: 28px;
}

/* 按钮排序 */
.time-sequence{
  position: relative;
  .time-sequence-btn{
    position: absolute;
    top: -1px;
    right: 14px;
    .time-sequence-box{
      width: 15px;
      height: 15px;
    }
    .fa{
      color: #4c4c4c;
      font-size: 12px;
      &:hover{
        font-size: 20px;
      };
    }
  }  
}

/* 统计条数 */
.total-num{
  float: left;
  margin: 20px 13px;
  .total-num-colorful{
    color: #fca770;
  }
}

/* 添加内容带图表统一按钮 */
.add-content-btn {
  padding: 0 27px;
  width: 190px;
  cursor: pointer;
  .add-img-btn{
    vertical-align: middle;
  }
}

/* 列表统一样式 */
.base-info {
  thead th{
    border-bottom: 3px solid #fca770;
    background-color: #dadada;
  }
}

/*是否编辑*/
.hasedit{
  .form-control-unedit{
    display:none;
  }
  .form-control-edit{
    display:inline-block;
  }
}
.form-control-unedit{
  display:inline-block;
  line-height: 28px;
  font-size:12px;}
.form-control-edit{
  display: none;
}

/* 按钮偏右 */
.btn-outer-right{
  padding-right: 20px;
  text-align: right;
}

/* 按钮居中 */
.btn-outer{
  text-align: center;
}

/* 操作 */
.del{
  display: inline-block;
  margin-right:10px;
  cursor: pointer;
  .color{
     color:#fe6f4d;
  }
}

/* 返回按钮 */
.go-back{
  float: right;
  margin: 10px;
}